<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#signup-form").submit(function(e) {
			e.preventDefault();
			var values = $(this).serialize();
			$.ajax({
				type : "post",
				url : "loginservlet.do",
				data : values,
				success : function(result) {
					$("#result-div").html(result);
				}
			});
		});
	});
</script>
<title>Insert title here</title>
</head>
<body>
	<form id="signup-form">
		<table>
			<tr>
				<td><label for="first-name">First Name</label></td>
				<td><input type="text" id="first-name" name="firstName"></td>
			</tr>
			<tr>
				<td><label for="last-name">Last Name</label></td>
				<td><input type="text" id="last-name" name="lastName"></td>
			</tr>
			<tr>
				<td><label for="email">Email</label></td>
				<td><input type="text" id="email" name="email"></td>
			</tr>
			<tr>
				<td><label for="password">Password</label></td>
				<td><input type="password" id="password" name="password"></td>
			</tr>
			<tr>
				<td></td>
				<td><input type="submit" value="Sign Up"></td>
			</tr>
			<tr>
				<td></td>
				<td><div id="result-div"></div></td>
			</tr>
		</table>
	</form>
</body>
</html>